<template>
  <div id="cirida">
      <img src="@/assets/cirida.png" alt="">
      <div>
        <p class="ciri">
          <span>生鲜次日达</span>
          <span>今天买·明天到</span>
        </p>
        <div class="box">
          <div v-for="(v,i) in arr" :key="i">
            <img :src="v.urlimg" alt="">
            <p>{{v.title}}</p>
          </div>
          <!-- <div>
            <img src="dajiang.jpg" alt="">
            <p>￥12.8</p>
          </div>
          <div>
            <img src="lanmei.jpg" alt="">
            <p>￥25.9</p>
          </div>
          <div>
            <img src="jidan.jpg" alt="">
            <p>￥26.9</p>
          </div>
          <div>
            <img src="mianbao.jpg" alt="">
            <p>￥59.9</p> -->
          <!-- </div> -->
        </div>
      </div>
  </div>
</template>

<script>

export default {
    data(){
      return{
        arr:[
          {title:"￥5.99",urlimg:require("@/assets/shouye/jiangyou.jpg")},
          {title:"￥12.8",urlimg:require("@/assets/shouye/dajiang.jpg")},
          {title:"￥25.9",urlimg:require("@/assets/shouye/lanmei.jpg")},
          {title:"￥26.9",urlimg:require("@/assets/shouye/jidan.jpg")},
          {title:"￥59.9",urlimg:require("@/assets/shouye/mianbao.jpg")},
          ]
      }
    }
}
</script>

<style  scoped>
    #cirida{
    width: 100%;
    height: 1.3rem;
    position: relative;
  }
  #cirida>img{
    width: 100%;
    height: 1.225rem;
  }
  #cirida .ciri{
    position: absolute;
    top: .1rem;
    margin-left: .1rem;
    color: white;
  }
  #cirida .ciri span:nth-child(1){
    font-size: .18rem;
    font-weight: 600;
  }
  #cirida .ciri span:nth-child(2){
    font-size: .14rem;
    margin-left: .1rem;
  }
  .box{
    width: 97.4%;
    display: flex;
    position: absolute;
    bottom: .13rem;
    justify-content: space-between;
    background: white;
    margin-left: .05rem;
    margin-right: .1rem;
    border-radius: .05rem;
    text-align: center;
  }
  .box img{
    margin-left:0.05rem;
    margin-right  :0.05rem;
    width: .55rem;
    height: .55rem;
  }
  .box p{
    font-size: .12rem;
  }
</style>